<demo>
only API
</demo>
<template>
  <div class="x">
    <p>
      当在子标签中加入only属性时，当点击标签时，其所对应的内容会隐藏或者展示，但不同的是默认只展示一个标签。
    </p>
    <div>
      <Collapse>
        <CollapseItem title="标题1" only>xxx</CollapseItem>
        <CollapseItem title="标题2" only>xxx</CollapseItem>
        <CollapseItem title="标题3" only>xxx</CollapseItem>
      </Collapse>
    </div>
  </div>
</template>

<script lang="ts">
import { ref } from "vue";
import Collapse from "../lib/collapse.vue";
import CollapseItem from "../lib/collapseItem.vue";
export default {
  components: {
    Collapse,
    CollapseItem,
  },
};
</script>

<style lang='scss' scoped>
.x {
  width: 100%;
  > p {
    padding-bottom: 2%;
  }
}
</style>